<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个 JQuery 程序</title>
    <!-- 第一：下载JQ -->

    <!-- 第二：在页面中，导入 JQ 文件 -->
    <script src="js/jquery-3.7.1.js"></script>


    <!-- 第三：使用 JQ -->
    
</head>
<body>
    <ul>
        <li id="foo">foo</li>
        <li id="bar">bar</li>
        <li id="baz">baz</li>
    </ul>
      
    <script language="javascript">
        var id = $('li').index($('#bar'));	// 1

        console.log(id);
    </script> 

</body>
</html>